<template>
  <el-table :data="detail" border style="width: 100%">
    <el-table-column label="编号" type="index" width="60" />

    <el-table-column label="证书编号" prop="registerNo" show-overflow-tooltip />
    <el-table-column label="证书类型" prop="type" show-overflow-tooltip />
    <el-table-column label="发证日期" prop="validStart" show-overflow-tooltip />
    <el-table-column label="截止日期" prop="validityEnd" show-overflow-tooltip />
  </el-table>
</template>
<script setup lang="ts">
const props = defineProps({
  detail: Array
})
const columns = ref(
  Object.freeze([
    { title: '证书编号', dataIndex: 'registerNo' },
    { title: '证书类型', dataIndex: 'type' },
    { title: '发证日期', dataIndex: 'validStart' },
    { title: '截止日期', dataIndex: 'validityEnd' }
  ])
)
</script>
